<!DOCTYPE html>
<html>
	<head>
		<meta chspanrset="utf-8">
		<title></title>
		<style type="text/css">
			ul li{
				width:200px;
				height:500px;
				border:1px solid red;
				
			}
			ul li a{
				width:200px;
				height:500px;
				display: block;
				position: relative;
			}
			ul li a span{
				width:20px;
				height:20px;
				background:blue;
				display: block;
				position: absolute;
				right:0;
				top:0;
			}
			p{
				transform: translateX(-50%);
				transform: translateY(-50%);
				/* 数字越大层级越高 */
				z-index: 1000;
				
			}
			input:focus{
				background:red;
			}
		</style>
		<!-- 外部引入.... -->
		<link rel="stylesheet" href="">
	</head>
	<body>
		<input type="text" name="" id="" value="" />
	</body>
</html>
